body {
    background-color: white;
    color: black;
    margin: 0 1%;
    padding: 0;
    font-family: Arial, sans-serif;
    font-size: 12pt;
}

#document {
  margin: 0 1%;
  border: 1px solid green;
  padding: 2px;
}

#header {
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: #303280;
  color: white;
  border-bottom: 3px solid #ccc;
}

#content {
}

#footer {
  text-align: center;
  font-size: 9pt;
  border-top: 1px solid #ccc;
  padding: 0;
  margin: 0;
}

/*
 * h1
 */
h1 { }

  #header h1 {
    border-bottom: 1px solid white;
    margin: 0 3%;
    padding: .5em 0;
  }

/*
 * h2
 */
h2 {}

/*
 * h3
 */
h3 {}

/*
 * p
 */
p {}

  p.centred {
    text-align: center;
  }

    p.centred img {
      padding: .5em;
      border: 1px solid black;
    }

  p.italic {
    font-style: italic;
  }

  p.example {
    margin-left: 3%;
    margin-right: 3%;
    font-style: normal;
    font-size: 90%;
  }

div.example {
    margin-left: 3%;
    margin-right: 2%;
    font-style: italic;
    border-left: 1px solid gray;
    padding-left: .5em;
}

/*
 * ul
 */

ul {}

  #header ul {
    list-style: none;
    padding: .5em 0;
    margin: 0;
  }
    #header ul li {
      display: inline;
    }
      #header ul li a {
        color: white;
      }
